home *** CD-ROM | disk | FTP | other *** search
/ Exploring Creation with P…al Science (2nd Edition) / Exploring Creation with Physical Science (2nd Edition).iso / exe / bin / Styles / history.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2012-12-18  |  3.2 KB  |  142 lines
  1. @charset "utf-8";
  2. /* Stylesheet for the Opera history document */
  3. /* Copyright 2008 Opera Software */
  4. @media tv {html {font-size: 150%;}}
  5. @media screen, projection, tv, speech {
  6. html {
  7.     font-family: sans-serif;
  8.     color: hsl(0,0%,22%);
  9.     background-color: hsl(0,0%,93%);
  10.     margin: 0 auto 10px;
  11.     border-width: 0 1px;
  12.     border-color: hsl(0,0%,57%);
  13.     border-style: solid;
  14.     max-width: 600px;
  15.     voice-family: female;
  16. }
  17. body {
  18.     color: inherit;
  19.     background-color: hsl(0,0%,96%);
  20.     margin: 0;
  21. }
  22. h1 {
  23.     font-family: sans-serif;    
  24.     font-size: 110%;
  25.     font-weight: normal;
  26.     text-align: right;
  27.     letter-spacing: -1px;
  28.     color: hsl(0,0%,29%);
  29.     background-image: url(images/top.png);
  30.     background-repeat: repeat-x;    
  31.     padding: 20px 10px 15px;
  32.     margin: 0;
  33. }
  34. html[dir="rtl"] h1 {
  35.     text-align: left;
  36.     letter-spacing: normal;
  37. }
  38. h2 {
  39.     font-family: sans-serif;
  40.     font-size: 75%;
  41.     font-weight: normal;
  42.     letter-spacing: -1px;
  43.     color: hsl(0,0%,29%);
  44.     background-color: hsl(0,0%,89%);
  45.     background-image: url(images/bar.png);
  46.     background-repeat: repeat-x;
  47.     background-position: 0px -5px;
  48.     padding: 5px 7px;
  49.     margin: 0;
  50.     border-top: 1px solid hsl(0,0%,57%);
  51.     border-bottom: 1px solid hsl(0,0%,57%);
  52. }
  53. html[dir="rtl"] h2 {letter-spacing: normal;}
  54. a {
  55.     color: hsl(0,0%,29%);
  56.     background-color: transparent;
  57. }
  58. table {
  59.     font-size: 70%;
  60.     line-height: 130%;
  61.     padding: 0;
  62.     margin: 5px auto 10px;
  63.     border-spacing: 0;
  64.     border-collapse: collapse;
  65.     width: 95%;
  66. }
  67. td {
  68.     vertical-align: top;
  69.     padding: 2px 3px;
  70.     border-width: 1px 0;
  71.     border-style: solid;
  72.     border-color: hsl(0,0%,87%) hsl(0,0%,96%) hsl(0,0%,96%);
  73. }
  74. td:first-child {
  75.     font-weight: normal;
  76.     text-align: left;
  77.     white-space: nowrap;
  78.     padding: 2px;
  79.     width: 20%;
  80. }
  81. html[dir="rtl"] td:first-child {text-align: right;}
  82. tr:first-child>* {border-top-color: hsl(0,0%,96%);}
  83. td+td a {
  84.     -o-text-overflow: ellipsis;    
  85.     overflow: hidden;
  86.     display: block;
  87. }
  88. body::after {
  89.     content: "";
  90.     background-color: hsl(0,0%,98%);
  91.     background-image: url(images/center.png);
  92.     background-repeat: repeat-x;
  93.     background-position: left bottom;
  94.     border-top: 1px solid hsl(0,0%,57%);
  95.     height: 20px;
  96.     width: 100%;
  97.     display: block;
  98.     speak: none;
  99. }
  100. }
  101. @media screen and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px) {
  102.     th {width: 100px;}
  103. }
  104. @media screen and (max-width: 245px), projection and (max-width: 245px), tv and (max-width: 245px) {
  105.     html {margin: 0;}
  106.     h1 {
  107.         text-align: center;
  108.         padding: 10px 5px;
  109.     }
  110.     tr {border-top: 1px solid hsl(0,0%,87%);}
  111.     tr:first-child {border: none;}
  112.     td {
  113.         text-align: left !important;
  114.         border: none !important;
  115.         display: block;
  116.     }
  117.     html[dir="rtl"] td {text-align: right !important;}
  118. }
  119. @media all and (min-width: 1025px) {html {max-width: 700px;}}
  120. @media all and (min-width: 1281px) {html {max-width: 800px;}}
  121. @media all and (min-width: 1601px) {html {max-width: 900px;}}
  122. @media print {
  123.     * {border: none;}
  124.     th, td {
  125.         font-weight: normal;
  126.         text-align: left;
  127.         white-space: nowrap;
  128.         vertical-align: top;
  129.     }
  130.     h2 {
  131.         font-size: 13pt;
  132.         font-weight: bold;
  133.     }
  134.     h2, table {
  135.         page-break-before: avoid;
  136.         page-break-after: avoid;
  137.     }
  138.     table {font-size: 10pt;}
  139.     h1 {display: none;}
  140. }
  141.  
  142.